<template>
	<view>
		<view>
			<image class="register-sex-white" :src="$c.config.media+'mini/register/nickname.png'" mode=""></image>
			<view class="input-section">
				<view class="input-title">昵称</view>
				<input class="input-content" v-model="$parent.dataObj.nickname"  type="text" placeholder="请输入昵称" />
			</view>
			
			<view class="register-btn1" @tap="next" :style="'background-image: url('+$c.config.media+'mini/common/jiesuo.png);'">
				继续
			</view>
		</view>
	</view>
</template>

<script>
export default {
	props:{
		parent: { type: Object },
		data:{type:Object,default:{}}
	},
	data() {
		return {
			$c: this.$c
		}
	},
	created() {
		// #ifndef MP
		this.$parent = this.parent;
		// #endif
	},
	methods: {
		next(){
			if(!this.$parent.dataObj.nickname){
				this.$c.show('请填写')
				return
			}
			this.$parent.current = 2
		}
	},
}
</script>

<style lang="scss">
	.register-sex-white{
		width: 316rpx;
		height: 54rpx;
		display: block;
		margin: 80rpx auto 120rpx;
	}
	.input-section{
		border-radius: 24rpx;
		width: 694rpx;
		margin: 0 auto;
		background: #221F30;
		font-size: 32rpx;
		font-weight: 600;
		color: #FFFFFF;
		padding: 0 20rpx;
		box-sizing: border-box;
		padding-bottom: 32rpx;
		position: relative;
		margin-bottom: 56rpx;
		.input-title{
			padding: 32rpx 0;
		}
		.input-content{
			padding: 20rpx 20rpx;
			background: #363646;
			border-radius: 8rpx;
			font-size: 32rpx;
			font-weight: 400;
			color: #7D7D96;
			line-height: 44rpx;
		}
	}
	
	.register-btn1{
		width: 694rpx;
		height: 100rpx;
		display: block;
		margin: 0 auto;
		background-size: 100% 100%;
		text-align: center;
		line-height: 100rpx;
		color: #FFFFFF;
		margin-top: 80rpx;
	}
</style>
